﻿<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <meta name="author" content="" />
        <meta name="viewport" content="width=device-width; initial-scale=1.0" />
 
        <script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
 
    </head>
 
    <body>
        <button id="getjsonp">Get JSONP</button>
        <h4>Request result:</h4>
        <div id="jsonp"></div>
        
        
        <script type="text/javascript">
            $(document).ready(function() {
                $("#getjsonp").click(function () {
                    $.getJSON("http://localhost:53425/api/value/1/jsonp?callback=?", function (result) {
                        $("#jsonp").html(result);
                    });
                });
            })
        </script>
    </body>
 
</html>